<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>PDX</title>
    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="dist/styles/main.min.css">
</head>

<body>
    <!-- top -->
    <iframe class="index-iframe" src="top.html" width="100%" height="30px" frameborder="0" scrolling="no"></iframe>
    <!-- nav -->
    <div class="index-nav">
        <div class="index-nav-cont">
            <img class="index-logo" src="img/logo.png" alt="logo" onclick="self.location='index.html'">

            <div class="index-nav-frame clearfix">
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='index.html'">
                    首页
                </div>

                <div class="index-nav-frame-line active" tabindex="-1" onclick="self.location='pdx.html'">
                    PDX
                </div>
                <div class="index-nav-frame-line" tabindex="-1">
                    <div class="index-nav-frame-line-title">用户服务方案<i class="iconfont icon-up updown"></i></div>
                    <div class="index-nav-frame-line-center">
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan1.html">肿瘤患者服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan2.html">科研机构服务方案</a>
                        </div>
                        <div class="index-nav-frame-line-li">
                            <a class="index-nav-a" href="fangan3.html">药物研发企业服务方案</a>
                        </div>
                    </div>
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='information.html'">
                    学术资讯
                </div>
                <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='about.html'">
                    关于我们
                </div>
                <!-- <div class="index-nav-frame-line" tabindex="-1" onclick="self.location='join.html'">
                    加入我们
                </div> -->
            </div>
        </div>
    </div>
    <!-- banner -->
    <div class="index-banner">
        <img src="img/pdx-banner.png" width="100%">
    </div>
    <!-- 介绍说明 -->
    <div class="min-width about-comp-info">
        <!-- left nav -->
        <div class="profile_right">
            <ul class="comp-intr-ul">
                <li class="comp-intr-ul-items on"><a class="a-anchors" href="#jieshao">介绍说明</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#jiazhi">服务流程</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#zhuanjia">模型优势</a></li>
                <li class="comp-intr-ul-items"><a class="a-anchors" href="#rongyu">具体案例</a></li>
            </ul>
        </div>
        <!-- cont -->
        <div class="about-comp-cont">
            <!-- 介绍说明 -->
            <div class="about-comp-jieshao" id="jieshao">
                <p class="about-comp-cont-title a-anchors" style="margin-bottom:42px">介绍说明</p>
                <p class="pdx-jieshao-ms">PDX模型（Patient Derived Xenograft
                    Models，人源肿瘤异种移植模型）一种直接将病人的新鲜肿瘤组织移植到免疫缺陷小鼠上而建立起来的动物模型，是目前用于抗肿瘤药物筛选和评估的最先进的动物模型。
                </p>
                <p class="pdx-jieshao-ms">目前PDX模型广泛应用于以下三个领域：1. 临床用药指导；2. 癌症研究中肿瘤标记物的鉴定；3. 临床前药物筛选。</p>
                <img class="pdx-jieshao-img" src="img/z-1.png">
            </div>
            <!-- 服务流程 -->
            <div class="about-comp-jieshao" id="jiazhi">
                <p class="about-comp-cont-title a-anchors">服务流程</p>
                <div class="pdx-service-step">
                    <p class="pdx-service-step-t">临床用药指导</p>
                    <p class="pdx-service-step-ms">PDX模型可替代肿瘤患者对不同的治疗药物或方案进行体内药效学检测，能够最有效地降低化疗药物对肿瘤患者的毒副作用，提高肿瘤患者临床治疗的有效性。可作为肿瘤患者的完美替身。
                    </p>
                    <img class="pdx-jieshao-img" src="img/z-2.png">
                </div>
                <div class="pdx-service-step">
                    <p class="pdx-service-step-t2">肿瘤标记物鉴定</p>
                    <p class="pdx-service-step-ms">不同的PDX模型反映了不同肿瘤患者来源的样本之间的差异，更接近于患者的实际情况，适用于抗肿瘤药物的筛选和生物标志物的研究。
                    </p>
                    <img class="pdx-jieshao-img" src="img/z-3.png">
                </div>
                <div class="pdx-service-step">
                    <p class="pdx-service-step-t3">临床前药物筛选</p>
                    <p class="pdx-service-step-ms">依托PDX模型开展预临床II期试验（P0临床实验）可以有效解决抗肿瘤新药的临床通过率极低（5%左右）的问题，缩短研发周期，减少研发费用。
                    </p>
                    <img class="pdx-jieshao-img" src="img/z-4.png">
                </div>
            </div>
            <!-- 模型优势 -->
            <div class="about-comp-jieshao" id="zhuanjia">
                <p class="about-comp-cont-title a-anchors">模型优势</p>
                <img class="pdx-jieshao-img" src="img/z-5.png">
            </div>
            <!-- 具体案例 -->
            <div class="about-comp-jieshao" id="rongyu">
                <p class="about-comp-cont-title a-anchors">具体案例</p>
                <div class="about-rongyu-cont">
                    <img src="img/z-6.png" width="100%">
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <iframe class="index-iframe" id="footer" src="foot.html" frameborder="0" scrolling="no" width="100%" height="260px"></iframe>
    <!-- 浮动面板 -->
    <div class="quick-right">
        <div class="quick-right-cont">
            <ul class="quick-right-ul">
                <li class="quick-right-items" id="erweima"><i class="iconfont icon-erweima"></i></li>
                <li class="quick-right-items" id="quickTel"><i class="iconfont icon-phone"></i></li>
                <li class="quick-right-items" id="quickEmail" onclick="self.location='service.html?id=3'"><i class="iconfont icon-mail"></i></li>
                <li class="quick-right-items" id="top"><i class="iconfont icon-xiangshangshouqi-xianxingyuankuang"></i></li>
            </ul>
            <div class="quick-right-img">
                <p class="quick-right-img-ms">扫码关注微信公众号</p>
                <img src="img/erweima.png" width="100%">
            </div>
            <div class="quick-right-tel">
                <p>联系电话</p>
                <p>010-67779532</p>
            </div>
        </div>
    </div>
</body>
<script src="dist/js/main.min.js"></script>
<script>
    $('.about-comp-info').profile();
    // scroll
    let leftNavScrollTop = $(".comp-intr-ul").offset().top;
    // let jieshao = $("#jieshao").offset().top;
    // let jiazhi = $("#jiazhi").offset().top;
    // let zhuanjia = $("#zhuanjia").offset().top;
    // let rongyu = $("#rongyu").offset().top;
    // let hezuo = $("#hezuo").offset().top;
    // let call = $("#call").offset().top;
    $(window).scroll(function () {
        let windowScrollTop = $(window).scrollTop();
        if (windowScrollTop > leftNavScrollTop) {
            $(".comp-intr-ul").addClass("on");
        } else {
            $(".comp-intr-ul").removeClass("on")
        }
        console.log(windowScrollTop);
    })
    $(".comp-intr-ul-items").click(function () {
        $(this).addClass("on").siblings().removeClass("on");
    })
</script>

</html>